<template>
    <div>
        <el-form ref="form" :model="form" label-width="110px" :disabled="form.disabled">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="项目名称">
                       <el-input v-model="form.xiangmumingcheng" placeholder="年度水土流失治理面积"></el-input>
                    </el-form-item>
                </el-col>
                 <el-col :span="12">
                    <el-form-item label="项目类型">
                       <el-input v-model="form.leixing" placeholder="年度水土流失治理面积"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="年度">
                        <el-date-picker
                          v-model="form.year"
                          type="year"
                          placeholder="选择年度">
                        </el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="所属市县/区">
                       <el-cascader
                          v-model="form.shixian"
                          :options="data"
                          :props="{value: 'name', label: 'name', children: 'children', checkStrictly: true}"
                          ></el-cascader>
                   </el-form-item>
               </el-col>
                <el-col :span="12">
                    <el-form-item label="项目示意位置">
                       <el-input v-model="form.weizhi" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="涉及区域">
                       <el-input v-model="form.quyu" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="水保总投资">
                       <el-input v-model="form.touzi" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="图件">
                       <el-input v-model="form.tujian" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="防治责任范围矢量图">
                       <el-input v-model="form.shiliangtu" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-divider content-position="left">受理审批项目</el-divider>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复时间">
                       <el-input v-model="form.pfshijian" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复单位">
                       <el-input v-model="form.pfdanwei" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复文号">
                       <el-input v-model="form.pfwenhao" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复文件">
                       <el-input v-model="form.pfwenjan" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="批复文件盖章">
                       <el-input v-model="form.pfgaizhang" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-divider content-position="left">建设单位</el-divider>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="单位名称">
                       <el-input v-model="form.jsmingcheng" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="项目联系人">
                       <el-input v-model="form.jslianxiren" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="项目联系人电话">
                       <el-input v-model="form.jsdianhua" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-divider content-position="left">特性信息</el-divider>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="方案文本">
                       <el-input v-model="form.tzwenben" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="方案封面盖章">
                       <el-input v-model="form.tzgaizhang" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="方案责任页签字">
                       <el-input v-model="form.tzqianzi" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="防治责任范围面积">
                       <el-input v-model="form.tzmianji" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-divider content-position="left">方案编制单位</el-divider>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="编制单位">
                       <el-input v-model="form.bzdanwei" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="单位联系人">
                       <el-input v-model="form.bzlianxiren" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="单位联系人电话">
                       <el-input v-model="form.bzdianhua" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-divider content-position="left">技术评审（市级）</el-divider>
                </el-col>
                 <el-col :span="12">
                    <el-form-item label="技术审查单位">
                       <el-input v-model="form.jsdanwei" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="会议时间">
                       <el-input v-model="form.jsshijian" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="审查意见">
                       <el-input v-model="form.jsyijian" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="审查意见签字">
                       <el-input v-model="form.jsqianzi" placeholder="请填写"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <div  class="dialog-footer"v-if="!form.disabled">
                <el-button @click="saveEdit">取 消</el-button>
                <el-button type="primary" @click="saveEdit">确 定</el-button>
            </div>
        </el-form>

         <!-- 关联项目 -->
        <el-dialog title="关联项目" :visible.sync="innerTableVisible" width="80%" append-to-body>
            <keepProgramBaseInfo @close="innerTableVisible = false" :form="form" :isComponent="true" type="programProcess"></keepProgramBaseInfo>
        </el-dialog>
    </div>
</template>
<script>
import {data} from '@/components/common/area';
import {GetFList} from '@/components/common/filter';
import keepProgramBaseInfo from '../keepProgramBaseInfo';
export default {
    components: {
        keepProgramBaseInfo
    },
    props: {
        editVisible: {
            default : false
        },
        form: {
            default: () => {},
        },
    },
    data() {
        return{
            investSourceList: GetFList('investSource'),
            data: data,
            innerTableVisible: false,
        }
    },
    methods: {
        saveEdit() {
            this.$emit('close')
        }
    }
}
</script>
<style scoped>
    .dialog-footer {
        text-align: right
    }
</style>